<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>文章列表</title>

	<!-- bootstrap styles -->
	<link href="../static/css/bootstrap.css" rel="stylesheet" media="all" />
	<!-- font-awesome styles -->
	<link href="../static/css/icomoon.css" rel="stylesheet" media="all"/>
	<!-- google styles -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
	<link href="../static/css/common.css" rel="stylesheet"/>
	<link href="../static/css/articles.css" rel="stylesheet"/>

	<script src="../static/js/jquery.min.js"></script>
	<script src="../static/js/bootstrap-3.1.1.min.js"> </script>
	<!-- jQuery Easing -->
	<script src="../static/js/jquery.easing.1.3.js"></script>
	<!-- Waypoints -->
	<script src="../static/js/jquery.waypoints.min.js"></script>
	<!-- Stellar Parallax -->
	<script src="../static/js/jquery.stellar.min.js"></script>
	<script src="../static/js/articles.js"></script>

</head>
<body class="articles">

<div class="loader"></div>

<div id="page">
	<div id="header" data-stellar-background-ratio="0.5">
		<nav role="navigation">
			<ul>
				<li><a href="index.html"><i class="icon-home"></i></a></li>
			</ul>
		</nav>
		<div class="page-title">
			<h2>Java语言基础</h2>
		</div>
	</div>
	<div id="main">
		<div class="wrapper">
			<div class="article padding">
				<img src="../static/img/dog.jpg">
				<div>
					<span>日期</span>
					<h2><a href="article.html">标题</a></h2>
					<p>描述</p>
				</div>
			</div>
			<div class="article padding">
				<img src="../static/img/dog.jpg">
				<div>
					<span class="article_date">日期</span>
					<h2><a href="article.html">标题</a></h2>
					<p>描述</p>
				</div>
			</div>

			<div class="article padding">
				<img src="../static/img/dog.jpg">
				<div>
					<span class="article_date">日期</span>
					<h2><a href="article.html">标题</a></h2>
					<p>描述</p>
				</div>
			</div>

			<div class="article padding">
				<img src="../static/img/dog.jpg">
				<div>
					<span class="article_date">日期</span>
					<h2><a href="article.html">标题</a></h2>
					<p>描述</p>
				</div>
			</div>

			<div class="article padding">
				<img src="../static/img/dog.jpg">
				<div>
					<span class="article_date">日期</span>
					<h2><a href="article.html">标题</a></h2>
					<p>描述</p>
				</div>
			</div>

			<div class="article padding">
				<img src="../static/img/dog.jpg">
				<div>
					<span class="article_date">日期</span>
					<h2><a href="article.html">标题</a></h2>
					<p>描述</p>
				</div>
			</div>

			<div class="article padding">
				<img src="../static/img/dog.jpg">
				<div>
					<span class="article_date">日期</span>
					<h2><a href="article.html">标题</a></h2>
					<p>描述</p>
				</div>
			</div>



		</div>
	</div>
</div>

<div class="gototop js-top">
	<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>


</body>
</html>

